<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html style="height:100%;">
   <head>
       <meta charset="utf-8">
       <link rel="stylesheet" href="/thinkphp/Public/Admin/css/base.css" />
<link rel="stylesheet" href="/thinkphp/Public/Admin/css/info-mgt.css" />
<link rel="stylesheet" href="/thinkphp/Public/Admin/css/info-reg.css" />
<link rel="stylesheet" href="/thinkphp/Public/Admin/css/WdatePicker.css" />
   </head>
   <body style="height: 100%; margin: 0">
   <div class="title"><h2>统计管理</h2></div>
<div class="main"><div id="container" style="height:300px;width:50%;"></div></div>
<div class="btn ue-clear"></div>
       
       <script type="text/javascript" src="/thinkphp/Public/Admin/js/echarts.simple.min.js"></script>
       <script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
option = null;
app.title = '坐标轴刻度与标签对齐';

option = {
    title:{
          text:'统计',
          subtext:'在此测试',
          x:'center',
     },
    color: ['#3398DB'],

    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            data : <?php echo ($str); ?>,
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis : [
        {
            type : 'value',
            minInterval : 1,
        }
    ],
    series : [
        {
            name:'',
            type:'bar',
            barWidth: '30%',
            data:<?php echo ($count); ?>,
            itemStyle: {  
                  normal: {  
                      label: {  
                          show: true,//是否展示  
                          position: 'top'
                      }  
                  }  
              }, 

        }
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
       </script>
   </body>
</html>